
@use "~/styles/variables.scss" as *;
.month-data {
    border-radius: 25rpx;
    padding: 25rpx;
    margin-bottom: 30rpx;
    width: 700rpx;
    box-sizing: border-box;
    .title {
        font-weight: 500;
    }
    .date-progress {
        width: 650rpx;
        height: 16rpx;
        position: relative;
        .mark-container {
            height: 6rpx;
            width: 650rpx;
            bottom: -10rpx;
            position: absolute;
            .mark-content {
                border-right: 1rpx solid;
            }
            .flex7 {
                flex: 7;
            }
        }
        .date-progress-val {
            height: 100%;
            transition: width 0.5s;
        }
        .guide-icon {
            position: relative;
            top: 4rpx;
            right: -13rpx;
            display: block;
            width: 24rpx;
            text-align: center;
        }
    }
    .info-list {
        .info-item {
            line-height: 30rpx;
            padding: 10rpx;
            .info-item-val {
                text-align: center;
            }
            .info-item-name {
                text-align: center;
            }
            .edit-btn {
                color: $color-primary;
                padding: 4rpx;
            }
        }
    }
}
.target-val-input {
    padding: 10rpx 15rpx;
    border-radius: 8rpx;
    margin: 48rpx 24rpx 8rpx;
    background-color: rgba(255, 255, 255, 0.5);
}
.half-width-line {
    background-color: #080808;
    height: 1rpx;
    width: 190%;
    transform: scale(0.5);
    position: relative;
    left: -45%;
}